<template>
    <view>
        <!-- 服务页面组件 -->
        <ServicePage
            title="开办运输企业一件事"
            :show-drawing="false"
            :show-stats="true"
            :stats="statsData"
            :sections="sectionsData"
        />

        <view class="btn-container">
            <u-button
                type="primary"
                text="立即办理"
                customStyle="background: #2C5E9F;border-radius: 4px 4px 4px 4px;"
                @click="handleClick"
            ></u-button>
        </view>
    </view>
</template>

<script>
export default {
    name: 'DisabledService',
    data() {
        return {
            // 统计数据
            statsData: [
                {
                    title: '跑动次数减少',
                    value: '100%',
                    after: '之后：4天',
                    previously: '之前：20天'
                },
                {
                    title: '递交材料减少',
                    value: '100%',
                    after: '之后：4份',
                    previously: '之前：20份'
                },
                {
                    title: '办理时间减少',
                    value: '100%',
                    after: '之后：4天',
                    previously: '之前：20天'
                }
            ],
            // 服务信息部分
            sectionsData: [
                {
                    title: '办事指南',
                    type: 'info',
                    icon: require('@/static/c1.png'),
                    content: [
                        { label: '一件事名称：', value: '开办运输企业"一件事"' },
                        { label: '办理层级：', value: '县级' },
                        { label: '办理机构：', value: '自治区残疾人联合会、民政厅、人力资源社会保障厅' },
                        { label: '牵头部门：', value: '自治区残疾人联合会' },
                        { label: '咨询电话：', value: '089-99999999' },
                        { label: '监督电话：', value: '089-99999999' }
                    ]
                },
                {
                    title: '办理时间',
                    type: 'text',
                    icon: require('@/static/c1.png'),
                    content: '星期一至星期五上午09:00至12:00, 下午14:00至18:00(法定节假日除外)'
                },
                {
                    title: '办理地点',
                    type: 'text',
                    icon: require('@/static/c1.png'),
                    content: '西藏自治区凤城区路95号西安市政府服务大厅（西厅办事窗口-"一件事"窗口）'
                },
                {
                    title: '受理条件',
                    type: 'text',
                    icon: require('@/static/c1.png'),
                    content: '持有《中华人民共和国残疾人证》的残疾人或符合《中国实用残疾人评定标准》的人员'
                },
                {
                    title: '办理材料',
                    type: 'material',
                    icon: require('@/static/c1.png'),
                    tableFormList: [
                        {
                            tableTitle: '"残疾人服务一件事"联办表',
                            tableData: [
                                {
                                    label: '材料形式',
                                    value: '纸质/电子'
                                },
                                {
                                    label: '材料类型',
                                    value: '原件'
                                },
                                {
                                    label: '材料样本',
                                    value: function () {
                                        // 例如：uni.downloadFile({ url: 'https://example.com/空表.pdf' })
                                        console.log('点击查看示例1');
                                    },
                                    link: true
                                },
                                {
                                    label: '纸质材料份数',
                                    value: '1'
                                },
                                {
                                    label: '材料空表',
                                    value: function () {
                                        // 例如：uni.downloadFile({ url: 'https://example.com/空表.pdf' })
                                        console.log('点击下载空表1');
                                    },
                                    link: true
                                },
                                {
                                    label: '来源渠道',
                                    value: '申请人自备'
                                },
                                {
                                    label: '事项材料是否必须',
                                    value: '是'
                                }
                            ]
                        },
                        {
                            tableTitle: '居民身份证',
                            tableData: [
                                {
                                    label: '材料形式',
                                    value: '电子'
                                },
                                {
                                    label: '材料类型',
                                    value: '原件'
                                },
                                {
                                    label: '材料样本',
                                    value: function () {
                                        // 例如：uni.downloadFile({ url: 'https://example.com/身份证样本.pdf' })
                                        console.log('点击查看示例2');
                                    },
                                    link: true
                                },
                                {
                                    label: '纸质材料份数',
                                    value: '1'
                                },
                                {
                                    label: '材料空表',
                                    value: function () {
                                        // 例如：uni.downloadFile({ url: 'https://example.com/身份证空表.pdf' })
                                        console.log('点击下载空表2');
                                    },
                                    link: true
                                },
                                {
                                    label: '来源渠道',
                                    value: '申请人自备'
                                },
                                {
                                    label: '事项材料是否必须',
                                    value: '是'
                                }
                            ]
                        },
                        {
                            tableTitle: '残疾评定表',
                            tableData: [
                                {
                                    label: '材料形式',
                                    value: '指定机构填写'
                                },
                                {
                                    label: '材料类型',
                                    value: '原件'
                                },
                                {
                                    label: '材料样本',
                                    value: function () {
                                        // 例如：uni.downloadFile({ url: 'https://example.com/身份证样本.pdf' })
                                        console.log('点击查看示例2');
                                    },
                                    link: true
                                },
                                {
                                    label: '纸质材料份数',
                                    value: '1'
                                },
                                {
                                    label: '材料空表',
                                    value: function () {
                                        // 例如：uni.downloadFile({ url: 'https://example.com/身份证空表.pdf' })
                                        console.log('点击下载空表2');
                                    },
                                    link: true
                                },
                                {
                                    label: '来源渠道',
                                    value: '指定评定机构填写'
                                },
                                {
                                    label: '事项材料是否必须',
                                    value: '是'
                                }
                            ]
                        },
                        {
                            tableTitle: '本人近期2寸免冠白底照片',
                            tableData: [
                                {
                                    label: '材料形式',
                                    value: '申请人自备'
                                },
                                {
                                    label: '材料类型',
                                    value: '原件'
                                },
                                {
                                    label: '材料样本',
                                    value: function () {
                                        // 例如：uni.downloadFile({ url: 'https://example.com/身份证样本.pdf' })
                                        console.log('点击查看示例2');
                                    },
                                    link: true
                                },
                                {
                                    label: '纸质材料份数',
                                    value: '2'
                                },
                                {
                                    label: '材料空表',
                                    value: function () {
                                        // 例如：uni.downloadFile({ url: 'https://example.com/身份证空表.pdf' })
                                        console.log('点击下载空表2');
                                    },
                                    link: true
                                },
                                {
                                    label: '来源渠道',
                                    value: '申请人自备'
                                },
                                {
                                    label: '事项材料是否必须',
                                    value: '是'
                                }
                            ]
                        }
                    ]
                },
                {
                    title: '事项联办',
                    type: 'list',
                    icon: require('@/static/c1.png'),
                    content: [
                        '（一） 残疾人证新办、换领、迁移、挂失补办、注销、残疾类别/等级变更',
                        '（二） 困难残疾人生活补贴',
                        '（三） 重度残疾人护理补贴',
                        '（四） 残疾人就业帮扶',
                        '（五） 城乡居民基本养老保险补助',
                        '（六） 城乡居民基本医疗保险补助'
                    ]
                }
            ]
        };
    },
    methods: {
        handleClick() {
            console.log('点击按钮跳转在线办理页');
        }
    }
};
</script>

<style scoped>
.btn-container {
    height: 64px;
    display: flex;
    align-items: center;
}
</style>
